*{
  margin:0;
  padding:0;
}
body{
  position: relative;
  background-color:#e5e5e5;
  margin:0;
  padding:0;
}
li{
  list-style:none;
}
a{
  text-decoration: none;
  cursor:pointer;
}
a:link{
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
img{
  cursor:pointer;
}
input{
  border:none;
  cursor:pointer;
}
input:focus{
  outline:0;
}
.nav-bg{
  z-index:500;
  background:#242b47 !important;
}
.nav-bg ul li{
  width: 142.86px;
  text-align:center;
  display: block;
}
.nav-bg ul li:nth-of-type(1) a{
  letter-spacing: 12px;
}
.bg{
  position: absolute;
  top: 0;
}
.bg h2{
  font-size:26px;
  color:#fff;
  position:absolute;
  left: 50%;
  top: 50%;
  margin-left:-156px;
}
.bg h4{
  font-size:16px;
  font-family:"arial";
  color:#fff;
  position:absolute;
  left: 50%;
  top: 70%;
  margin-left:-130px;
}
.bg img{
  width: 100%;
  display:inline-block;
}
.shade{
  width: 100%;
  height: 100%;
  background: black;
  position: absolute;
  top: 0;
  opacity:0.2;
  filter:alpha(opacity=20);
}
.con-img{
  width: 100%;
  height: 100%;
  position:relative;
}
.foot{
  width: 100%;
  background: #222933;
  position:absolute;
  /*top: 680px;*/
}
.foot-top{
  width: 100%;
}
.foot-pic ul{
  width: 40%;
  height: 60px;
  margin:20px 0px 0px 180px;
}
.foot-pic ul li{
  float:left;
  width: 33.33%;
}  
.foot-pic ul li{
  text-align:center;
}
.foot-pic ul li a img{
  width: 50%;
}
.foot-pic ul li:nth-of-type(3) a img{
  width: 40%;
}